<!DOCTYPE html>
<html>
<head>
<title>Dazzling Multi Forms Flat Responsive Widget Template :: w3layouts</title>
<!-- for-mobile-apps -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Dazzling Multi Forms Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
		function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- //for-mobile-apps -->
<link href="../css/style.css" rel="stylesheet" type="text/css" media="all" />
<link rel="../stylesheet" href="css/flexslider.css" type="text/css" media="screen" property="" />
<!-- js -->
<script src="../js/jquery-2.2.3.min.js"></script> 
<!-- //js -->
<link href="//fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet">
</head>
<body>
	<div class="main">
		<h1>通讯录</h1>
		<p class="agile_para">软件1501 梅王清 1512190328</p>
		<div class="w3_agile_main_grids">
			<section class="slider">
				<div class="flexslider">
					<ul class="slides">
							<div class="agileits_w3layouts_main_grid">
								<h3>添加联系人</h3>
								<form action="#" method="post">
								<span>
										<label>电话</label>
										<input name="Mobile" type="text" placeholder="Mobile Number" required="">
									</span>
									<span>
										<label>姓名</label>
										<input name="Name" type="text" placeholder="Your Name" required="">
									</span>
									<!-- <span>
										<label>性别</label>
										<input name="Sex" type="text" placeholder="Your Sex" required="">
									</span> -->
									<span>
										<label>性别</label>
										<select  required="">
											<option value="">男</option>
											<option value="">女</option>
										</select>
									</span>
									
									<span>
										<label>地址</label>
										<input name="Address" type="text" placeholder="Your Address" required="">
									</span>
									<span>
										<label>e-mail</label>
										<input name="Email" type="email" placeholder="Your Email" required="">
									</span>
									
									<div class="w3_agileits_submit">
										<input type="submit" value="提交">
										<input type="reset" value="重置">
									</div>
								</form>
							</div>
					</ul>
				</div>
			</section>
		</div>
		<div class="agileits_copyright">
			<p>如果想要添加联系人,请点击<a href="//w3layouts.com/">添加联系人</a></p>
		</div>
	</div>
<!-- password -->
	<!-- <script type="text/javascript">
		window.onload = function () {
			document.getElementById("password1").onchange = validatePassword;
			document.getElementById("password2").onchange = validatePassword;
		}
		function validatePassword(){
			var pass2=document.getElementById("password2").value;
			var pass1=document.getElementById("password1").value;
			if(pass1!=pass2)
				document.getElementById("password2").setCustomValidity("Passwords Don't Match");
			else
				document.getElementById("password2").setCustomValidity('');	 
				//empty string means no validation error
		}
	</script> -->
<!-- password -->
<!-- flexSlider -->
	<script defer src="../js/jquery.flexslider.js"></script>
	<!-- <script type="text/javascript">
		$(window).load(function(){
		  $('.flexslider').flexslider({
			animation: "slide",
			start: function(slider){
			  $('body').removeClass('loading');
			}
		  });
		});
	</script> -->
<!-- //flexSlider -->
</body>
</html>